<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="icon" href="https://www.only.cn/icon/favicon.ico">

    <link rel="stylesheet" href="../css/shopping.css">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../jquery/jquery.min.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/ajax.js"></script>
    
</head>
<body>
    <div class="header">
        <iframe src="head.html" frameborder="0"></iframe>
    </div>

    <!-- 购物车列表 -->
<div class="wrap cart">
    <div class="content">
        <table class="table">
            <thead>
                <tr>
                    <th><input type="checkbox" name="selectAll"></th>
                    <th>商品图片</th>
                    <th>商品名称</th>
                    <th>商品价格</th>
                    <th>商品数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr valign="bottom">
                    <td><input type="checkbox" name="selectOne"></td>
                    <td><img src="http://pic.baike.soso.com/ugc/baikepic2/11812/cov-20190731150336-617026083_jpg_1280_879_74718.jpg/300" width="50" height="50"></td>
                    <td>德云社</td>
                    <td class="price">￥<span>25.00</span></td>                    
                    <td class="number" data-stock="10" data-id="21">
                        <button class="btn btn-default reduce">-</button>
                        <input type="text" name="number" value="8">
                        <button class="btn btn-default add">+</button>
                    </td>
                    <td class="subtotal">￥<span>200</span></td>
                    <td><button class="btn btn-danger remove">移除</button></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td><input type="checkbox" name="selectAll"></td>
                    <td colspan="2">商品总数：<span class="totalNum">0</span></td>
                    <td colspan="2">商品总价：<span class="totalPrice">0</span></td>
                    <td><a class="btn btn-primary" href="list.html">回列表页</a></td>
                    <td><a class="btn btn-warning" href="order.html">去结算</a></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
    <div class="footer">
        <iframe src="footer.html" frameborder="0"></iframe>
    </div>
    <script src="../js/cookie.js"></script>
    <script src="../js/shopping.js"></script>
</body>
</html>